<script lang="ts" setup>
import {
    ElementPlus
} from '@element-plus/icons-vue'
import useAppStore from '@/store/app'
import { storeToRefs } from 'pinia';

const appStore = useAppStore()
const { layout } = storeToRefs(appStore)
</script>

<template>
    <ElMenu :collapse="layout.isCollapse" router>
        <ElMenuItem index="/">
            <el-icon>
                <ElementPlus  />
            </el-icon>
            <template #title>
                <span font-lobster font-size-6>ConanGao</span>
            </template>
        </ElMenuItem>
    </ElMenu>
</template>

<style scoped>
.el-menu {
    height: 100%;
    border-right: none;
    background-color: transparent;
}
</style>